<template>
    <div class="renderPage" :style="{ width: Colors[0] && (20 * Colors[0].length + 'px') }">
        <div v-for="(item, index) in Colors" :key="index">
            <div class="item" v-for="(child, y) in item" :key="y" :style="{ backgroundColor: child }"></div>
        </div>
    </div>
</template>

<script>
import { mapState } from 'vuex'


export default {
    computed: {
        ...mapState('3-Page-Linkage-Async', ['Colors'])
    }
}
</script>

<style scoped>
.item {
    width: 20px;
    height: 20px;
    float: left;
}
</style>